<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ include file="/WEB-INF/view/common/taglibs.jsp"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>${appname}-<c:if test="${!empty sessionScope._local_node_session}">${sessionScope._local_node_session.nodeName}-</c:if>${si:ctname("NET_TYPE",sessionScope._netType)}</title>
<%@ include file="/WEB-INF/view/common/css_js_ace.jsp"%>
<link rel="stylesheet"
	href="${ctx}/static/FusionCharts/Contents/Style.css" type="text/css" />
<script type="text/javaScript"
	src="${ctx}/static/FusionCharts/JSClass/FusionCharts.js"></script> 
<script type="text/javaScript" src="${ctx}/static/js/popover.js"></script>
<script type="text/javaScript" src="${ctx}/static/js/tooltip.js"></script>
<script type="text/javaScript" src="${ctx}/static/js/si.util.js"></script>
<script type="text/javascript">
jQuery(function($) { 
	$('[data-rel=tooltip]').tooltip();
	$('[data-rel=popover]').popover({
		html : true
	});
	
	$('#NewAdiv').on('shown.bs.popover', function() {
		var asearchType = $("#asearchType").val();
		if(asearchType=="1") { 
			 $("#atype_node").attr("checked", "true");   
		 }
		 if(asearchType=="2"){
			 $("#atype_dom").attr("checked", "true");
			  var achangeId = $("#achangeId").val(); 
				achange();
				$("#adom").val(achangeId); 
				$("#achangeId").val($("#adom").val()); 
		 } 
		 if(asearchType=="3"){
			 $("#atype_sys").attr("checked", "true");
			  var achangeId = $("#achangeId").val(); 
				achange();
				$("#asys").val(achangeId); 
				$("#achangeId").val($("#asys").val()); 
		 } 
		 
	});
	
	$('#NewBdiv').on('shown.bs.popover', function() {
		var bsearchType = $("#bsearchType").val();
		if(bsearchType=="1") { 
			 $("#btype_node").attr("checked", "true");   
		 }
		 if(bsearchType=="2"){
			 $("#btype_dom").attr("checked", "true");
			  var bchangeId = $("#bchangeId").val(); 
				bchange();
				$("#bdom").val(bchangeId); 
				$("#bchangeId").val($("#bdom").val()); 
		 } 
		 if(bsearchType=="3"){
			 $("#btype_sys").attr("checked", "true");
			  var bchangeId = $("#bchangeId").val(); 
				bchange();
				$("#bsys").val(bchangeId); 
				$("#bchangeId").val($("#bsys").val()); 
		 } 
		 
	});
	
	$('#NewCdiv').on('shown.bs.popover', function() {
		var csearchType = $("#csearchType").val();
		if(csearchType=="1") { 
			 $("#ctype_node").attr("checked", "true");   
		 }
		 if(csearchType=="2"){
			 $("#ctype_dom").attr("checked", "true");
			  var cchangeId = $("#cchangeId").val(); 
				cchange();
				$("#cdom").val(cchangeId); 
				$("#cchangeId").val($("#cdom").val()); 
		 } 
		 if(csearchType=="3"){
			 $("#ctype_sys").attr("checked", "true");
			  var cchangeId = $("#cchangeId").val(); 
				cchange();
				$("#csys").val(cchangeId); 
				$("#cchangeId").val($("#csys").val()); 
		 } 
		 
	});
	
	$('#NewDdiv').on('shown.bs.popover', function() {
		var dsearchType = $("#dsearchType").val();
		if(dsearchType=="1") { 
			 $("#dtype_node").attr("checked", "true");   
		 }
		 if(dsearchType=="2"){
			 $("#dtype_dom").attr("checked", "true");
			  var dchangeId = $("#dchangeId").val(); 
				dchange();
				$("#ddom").val(dchangeId); 
				$("#dchangeId").val($("#ddom").val()); 
		 } 
		 if(dsearchType=="3"){
			 $("#dtype_sys").attr("checked", "true");
			  var dchangeId = $("#dchangeId").val(); 
				dchange();
				$("#dsys").val(dchangeId); 
				$("#dchangeId").val($("#dsys").val()); 
		 } 
		 
	});
	
	putDateA("typestlonum");
	putDateA("typestlonumdtypesend");
	putDateA("typestlonumdtyperev");
	putDateA("typestlonumssyssend");
	putDateA("typestlonumssysrev");
	putDateA("typestlonumnet");
	putDateA("typestlorelnoderate");
	putDateA("typestlorelsysrate");
	 
	 getStLoNum();
	 getStLoNumDtypeRev();
	 getStLoNumDtypeSend();
	 getStLoNumSysSend();
	 getStLoNumSysRev();
	 getStLoNumNet();
	 getStLoRelAdapterRate();
	 getStLoRelNodeRate();
	 
});

    function formSubmit(){
	   $("#searchForm").submit();
     }

    function putDateA(aa) {
	     var timetype = $("input[name='time_"+aa+"']:checked").val();
	    var now;
	    if (timetype == "month") {
		   now = $.now().substring(0, 7);
	     } else {
		now = $.now().substring(0, 4)
	      }
	    $("input[name='"+aa+"']").val(now);
    }
      

	function changeTime(obj) {
		var type=$(obj).val();
		$(obj).parent().next().find("input").css("display", "none");
		$(obj).parent().next().find("input."+type).css("display", "");
		 
		var now;
		if (type == "month") {
			now = $.now().substring(0, 7);
		}if(type == "year"){
			now = $.now().substring(0, 4);
		}
		$(obj).parent().next().find("input."+type).val(now);

	}
	//本节点接收和发送次数	
	function getStLoNum(){
		$.ajax({
			type : "POST",
			dataType : "json",
					url :_ctx + "/stat/st_lo_num.do",
					data : lonumData(),
					success : function(content) {
						if (content.status == '1') { 
							var chart = new FusionCharts(
									"${ctx}/static/FusionCharts/Charts/ScrollColumn2D.swf",
									"ChartLineOneId", $("#line1").width() - 30,
									"400", "0", "0");
							chart.setDataXML(content.data);
							chart.render("line1");
						} else {
							ui.msg(content.msg, 0);
						}
					},
					error : function() {
						//ui.msg('信息加载错误', 0);
					}
				}); 		
	}
	
	function achange() {
		$("#adom").css("display", "none");
		$("#asys").css("display", "none");
		$("#adom").val("");
		$("#asys").val("");
		if ($("input[name='type_checkstlonum']:checked").val() == "2") {
			$("#adom").css("display", "");
			
		} else if($("input[name='type_checkstlonum']:checked").val() == "3") {
			$("#asys").css("display", ""); 
		}else{
			$("#" + $("input[name='type_checkstlonum']:checked").val()).css(
					"display", "");
		}

	}
	function achangeSysId(){
		$("#achangeId").val($("#asys").val());
	}
	function achangeDomId(){
		$("#achangeId").val($("#adom").val());
	}
	function closeAdiv() {
		$("#NewAdiv").popover('toggle');
	}

	function goA() {
		var type = $("input[name='type_checkstlonum']:checked").val();
		$("#NewAdiv").popover('toggle');
		$("#asearchType").val(type); 
		getStLoNum();
	}
	
	function lonumData(){
		var  bdata=null;
		var data=null;
		bdata=$("input[name='type_checkstlonum']:checked").val();
		if(bdata=="2"){
			data ={ 
				"timeType" : $("input[name='time_typestlonum']:checked").val(),
				"nt" :  $("input[name='typestlonum']:not(:hidden)").val(),
				"stat_level" : $("input[name='type_checkstlonum']:checked").val(),
				"own_id": $("#adom").val(), 
				
			};
		} else  if(bdata=="3"){
			data ={ 
				"timeType" : $("input[name='time_typestlonum']:checked").val(),
				"nt" :  $("input[name='typestlonum']:not(:hidden)").val(),
				"stat_level" : $("input[name='type_checkstlonum']:checked").val(),
				"own_id": $("#asys").val(), 
				
			};
		}else {
			data ={ 
				"timeType" : $("input[name='time_typestlonum']:checked").val(), 
				"nt" :  $("input[name='typestlonum']:not(:hidden)").val(),
				"stat_level" :$("input[name='type_checkstlonum']:checked") .val() ? $("input[name='type_checkstlonum']:checked") .val() : "1",
			};
		}
		
		return data;
	}
	
	//内外网交换频率 
	function getStLoNumNet(){ 
		$.ajax({
			type : "POST",
			dataType : "json",
					url :_ctx + "/stat/st_lo_num_net.do",
					data:lonumnetData(),
					success : function(content) {
						if (content.status == '1') { 

							var chart = new FusionCharts(
									"${ctx}/static/FusionCharts/Charts/ScrollStackedColumn2D.swf",
									"ChartLineStLoNumNetId", $("#StLoNumNetLine").width() - 30,
									"400", "0", "0");
							chart.setDataXML(content.data);
							chart.render("StLoNumNetLine");
						} else {
							ui.msg(content.msg, 0);
						}
					},
					error : function() {
						//ui.msg('信息加载错误', 0);
					}
				}); 		
	}

	function lonumnetData(){
		var  bdata=null;
		var data=null;
		bdata=$("input[name='type_checkstlonumnet']:checked").val();
		if(bdata=="2"){
			data ={ 
				"timeType" : $("input[name='time_typestlonumnet']:checked").val(),
				"nt" :  $("input[name='typestlonumnet']:not(:hidden)").val(),
				"stat_level" : $("input[name='type_checkstlonumnet']:checked").val(),
				"own_id": $("#ddom").val(), 
				
			};
		} else  if(bdata=="3"){
			data ={ 
				"timeType" : $("input[name='time_typestlonumnet']:checked").val(),
				"nt" :  $("input[name='typestlonumnet']:not(:hidden)").val(),
				"stat_level" : $("input[name='type_checkstlonumnet']:checked").val(),
				"own_id": $("#dsys").val(), 
				
			};
		}else {
			data ={ 
				"timeType" : $("input[name='time_typestlonumnet']:checked").val(), 
				"nt" :  $("input[name='typestlonumnet']:not(:hidden)").val(),
				"stat_level" : $("input[name='type_checkstlonumnet']:checked").val() ? $("input[name='type_checkstlonumnet']:checked") .val() : "1",
			};
		}
		
		return data;
	}
 	
	function dchange() {
		$("#ddom").css("display", "none");
		$("#dsys").css("display", "none");
		$("#dddom").val("");
		$("#dsys").val("");
		if ($("input[name='type_checkstlonumnet']:checked").val() == "2") {
			$("#ddom").css("display", "");
			
		} else if($("input[name='type_checkstlonumnet']:checked").val() == "3") {
			$("#dsys").css("display", ""); 
		}else{
			$("#" + $("input[name='type_checkstlonumnet']:checked").val()).css(
					"display", "");
		}

	}
	function dchangeSysId(){
		$("#dchangeId").val($("#dsys").val());
	}
	function dchangeDomId(){
		$("#dchangeId").val($("#ddom").val());
	}
	function closeDdiv() {
		$("#NewDdiv").popover('toggle');
	}

	function goD() {
		var type = $("input[name='type_checkstlonumnet']:checked").val();
		$("#NewDdiv").popover('toggle');
		$("#dsearchType").val(type);
		getStLoNumNet();
	}
	
	//与本节点交换频率最高的节点
	function getStLoRelNodeRate(){
		$.ajax({
			type : "POST",
			dataType : "json",
					url :_ctx + "/stat/st_lo_rel_node_rate.do",
					data : {
						"timeType" : $("input[name='time_typestlorelnoderate']:checked").val(),
						"nt" :  $("input[name='typestlorelnoderate']:not(:hidden)").val(),
					},
					success : function(content) {
						if (content.status == '1') { 

							var chart = new FusionCharts(
									"${ctx}/static/FusionCharts/Charts/ScrollStackedColumn2D.swf",
									"ChartLineStLoRelNodeRateId", $("#StLoRelNodeRateLine").width() - 30,
									"400", "0", "0");
							chart.setDataXML(content.data);
							chart.render("StLoRelNodeRateLine");
						} else {
							ui.msg(content.msg, 0);
						}
					},
					error : function() {
						//ui.msg('信息加载错误', 0);
					}
				}); 		
	}
	//与本节点交换频率最高的适配器
	function getStLoRelAdapterRate(){
		$.ajax({
			type : "POST",
			dataType : "json",
					url :_ctx + "/stat/st_lo_rel_adapter_rate.do",
					data : {
						"timeType" : $("input[name='time_typestlorelsysrate']:checked").val(),
						"nt" :  $("input[name='typestlorelsysrate']:not(:hidden) ").val(),
					},
					success : function(content) {
						if (content.status == '1') { 

							var chart = new FusionCharts(
									"${ctx}/static/FusionCharts/Charts/ScrollStackedColumn2D.swf",
									"ChartLineStLoRelSysRateId", $("#StLoRelSysRateLine").width() - 30,
									"400", "0", "0");
							chart.setDataXML(content.data);
							chart.render("StLoRelSysRateLine");
						} else {
							ui.msg(content.msg, 0);
						}
					},
					error : function() {
						//ui.msg('信息加载错误', 0);
					}
				}); 		
	}
	
	//本节点接收（按业务适配器)
	function getStLoNumSysRev(){
		$.ajax({
			type : "POST",
			dataType : "json",
					url :_ctx + "/stat/st_lo_num_sys_rev.do",
					data : {
						"timeType" : $("input[name='time_typestlonumssysrev']:checked").val(),
						"nt" :  $("input[name='typestlonumssysrev']:not(:hidden) ").val(),
					},
					success : function(content) {
						if (content.status == '1') { 

							var chart = new FusionCharts(
									"${ctx}/static/FusionCharts/Charts/Pie2D.swf",
									"ChartstlonumssysrevPieId", $("#stlonumssysrevPie").width() - 30,
									"400", "0", "0");
							chart.setDataXML(content.data);
							chart.render("stlonumssysrevPie");
						} else {
							ui.msg(content.msg, 0);
						}
					},
					error : function() {
						//ui.msg('信息加载错误', 0);
					}
				}); 		
	}
	
	//本节点接收（按业务适配器)
	function getStLoNumSysSend(){
		$.ajax({
			type : "POST",
			dataType : "json",
					url :_ctx + "/stat/st_lo_num_sys_send.do",
					data : {
						"timeType" : $("input[name='time_typestlonumssyssend']:checked").val(),
						"nt" :  $("input[name='typestlonumssyssend']:not(:hidden) ").val(),
					},
					success : function(content) {
						if (content.status == '1') { 

							var chart = new FusionCharts(
									"${ctx}/static/FusionCharts/Charts/Pie2D.swf",
									"ChartstlonumssyssendPieId", $("#stlonumssyssendPie").width() - 30,
									"400", "0", "0");
							chart.setDataXML(content.data);
							chart.render("stlonumssyssendPie");
						} else {
							ui.msg(content.msg, 0);
						}
					},
					error : function() {
						//ui.msg('信息加载错误', 0);
					}
				}); 		
	}
	
	
	//本节点发送（按数据分类)
	function getStLoNumDtypeSend(){
		$.ajax({
			type : "POST",
			dataType : "json",
					url :_ctx + "/stat/st_lo_num_dtype_send.do",
					data :lonumdtypesendData(),
					success : function(content) {
						if (content.status == '1') { 

							var chart = new FusionCharts(
									"${ctx}/static/FusionCharts/Charts/Pie2D.swf",
									"ChartstlonumdtypesendPieId", $("#stlonumdtypesendPie").width() - 30,
									"400", "0", "0");
							chart.setDataXML(content.data);
							chart.render("stlonumdtypesendPie");
						} else {
							ui.msg(content.msg, 0);
						}
					},
					error : function() {
						//ui.msg('信息加载错误', 0);
					}
				}); 		
	}
	 
	function lonumdtypesendData(){
		var  bdata=null;
		var data=null;
		bdata=$("input[name='type_checkstlonumdtypesend']:checked").val();
		if(bdata=="2"){
			data ={ 
				"timeType" : $("input[name='time_typestlonumdtypesend']:checked").val(), 
				"nt" :  $("input[name='typestlonumdtypesend']:not(:hidden)").val(),
				"stat_level" :$("input[name='type_checkstlonumdtypesend']:checked").val(),
				"own_id": $("#bdom").val(), 
				
			};
		} else  if(bdata=="3"){
			data ={ 
				"timeType" : $("input[name='time_typestlonumdtypesend']:checked").val(),
				"nt" :  $("input[name='typestlonumdtypesend']:not(:hidden)").val(),
				"stat_level" : $("input[name='type_checkstlonumdtypesend']:checked").val(),
				"own_id": $("#bsys").val(), 
				
			};
		}else {
			data ={ 
				"timeType" : $("input[name='time_typestlonumdtypesend']:checked").val(),
				"nt" :  $("input[name='typestlonumdtypesend']:not(:hidden)").val(),
				"stat_level" : $("input[name='type_checkstlonumdtypesend']:checked").val() ? $("input[name='type_checkstlonumdtypesend']:checked") .val() : "1",
			};
		}
		
		return data;
	}
	
	function bchange() {
		$("#bdom").css("display", "none");
		$("#bsys").css("display", "none");
		$("#bdom").val("");
		$("#bsys").val("");
		if ($("input[name='type_checkstlonumdtypesend']:checked").val() == "2") {
			$("#bdom").css("display", "");
			
		} else if($("input[name='type_checkstlonumdtypesend']:checked").val() == "3") {
			$("#bsys").css("display", ""); 
		}else{
			$("#" + $("input[name='type_checkstlonumdtypesend']:checked").val()).css(
					"display", "");
		}

	}
	function bchangeSysId(){
		$("#bchangeId").val($("#bsys").val());
	}
	function bchangeDomId(){
		$("#bchangeId").val($("#bdom").val());
	}
	function closeBdiv() {
		$("#NewBdiv").popover('toggle');
	}

	function goB() {
		var type = $("input[name='type_checkstlonumdtypesend']:checked").val();
		$("#NewBdiv").popover('toggle');
		$("#bsearchType").val(type); 
		getStLoNumDtypeSend();
	}
	
	//本节点接收（按数据分类) 
	function getStLoNumDtypeRev(){
		$.ajax({
			type : "POST",
			dataType : "json",
					url :_ctx + "/stat/st_lo_num_dtype_rev.do",
					data :lonumdtyperevData(),
					success : function(content) {
						if (content.status == '1') { 

							var chart = new FusionCharts(
									"${ctx}/static/FusionCharts/Charts/Pie2D.swf",
									"ChartstlonumdtyperevPieId", $("#stlonumdtyperevPie").width() - 30,
									"400", "0", "0");
							chart.setDataXML(content.data);
							chart.render("stlonumdtyperevPie");
						} else {
							ui.msg(content.msg, 0);
						}
					},
					error : function() {
						//ui.msg('信息加载错误', 0);
					}
				}); 		
	}
	
	function lonumdtyperevData(){
		var  bdata=null;
		var data=null;
		bdata=$("input[name='type_checkstlonumdtyperev']:checked").val();
		if(bdata=="2"){
			data ={ 
				"timeType" : $("input[name='time_typestlonumdtyperev']:checked").val(), 
				"nt" :  $("input[name='typestlonumdtyperev']:not(:hidden)").val(),
				"stat_level" :$("input[name='type_checkstlonumdtyperev']:checked").val(),
				"own_id": $("#cdom").val(), 
				
			};
		} else  if(bdata=="3"){
			data ={ 
				"timeType" : $("input[name='time_typestlonumdtyperev']:checked").val(),
				"nt" :  $("input[name='typestlonumdtyperev']:not(:hidden)").val(),
				"stat_level" : $("input[name='type_checkstlonumdtyperev']:checked").val(),
				"own_id": $("#csys").val(), 
				
			};
		}else {
			data ={ 
				"timeType" : $("input[name='time_typestlonumdtyperev']:checked").val(),
				"nt" :  $("input[name='typestlonumdtyperev']:not(:hidden)").val(),
				"stat_level" : $("input[name='type_checkstlonumdtyperev']:checked").val() ? $("input[name='type_checkstlonumdtyperev']:checked") .val() : "1",
			};
		}
		
		return data;
	}
	
	function cchange() {
		$("#cdom").css("display", "none");
		$("#csys").css("display", "none");
		$("#cdom").val("");
		$("#csys").val("");
		if ($("input[name='type_checkstlonumdtyperev']:checked").val() == "2") {
			$("#cdom").css("display", "");
			
		} else if($("input[name='type_checkstlonumdtyperev']:checked").val() == "3") {
			$("#csys").css("display", ""); 
		}else{
			$("#" + $("input[name='type_checkstlonumdtyperev']:checked").val()).css(
					"display", "");
		}

	}
	function cchangeSysId(){
		$("#cchangeId").val($("#csys").val());
	}
	function cchangeDomId(){
		$("#cchangeId").val($("#cdom").val());
	}
	function closeCdiv() {
		$("#NewCdiv").popover('toggle');
	}

	function goC() {
		var type = $("input[name='type_checkstlonumdtyperev']:checked").val();
		$("#NewCdiv").popover('toggle');
		$("#csearchType").val(type);  
		getStLoNumDtypeRev();
	}
	
	 
</script>
</head>
<body>
	<%@ include file="/WEB-INF/view/common/topbar.jsp"%>
	<div class="main-container" id="main-container">
		<div class="main-container-inner">
			<%@ include file="/WEB-INF/view/common/sidebar.jsp"%>
			<div class="main-content">
				<div class="breadcrumbs" id="breadcrumbs">
					<ul class="breadcrumb">
						<li><i class="icon-home home-icon"></i> <a href="#">首页</a>
						</li>
						<li><a href="#">综合统计</a>
						</li>
						<li class="active">本节点交换统计</li>
					</ul>
				</div>
				<div class="page-content">
					<div class="row">
						<div class="col-xs-12">
							<div class="widget-box">
								<div class="row"> 
									<div class="col-xs-12">
										<div class="col-xs-6" style="margin-top: 10px;">
											<h4 class="header blue lighter smaller">
												<i class="icon-chevron-down"></i>
												发送/接收次数
											</h4>
											<div class="widget-main">
												<div class="row">
													<div class="col-xs-6">
														<div class="input-group ">
															<span class="input-group-addon">统计时间 <input
																type="radio" name="time_typestlonum" class="ace"
																onchange="changeTime(this);" value="year"> <span
																class="lbl">年</span> <input type="radio"
																name="time_typestlonum" class="ace" onchange="changeTime(this);"
																value="month" checked> <span
																class="lbl">月</span> </span> <span
																class="input-icon input-icon-right width-100"> <input name="typestlonum"
																type="text" class="form-control year"  
																style="display: none;"
																onfocus="WdatePicker({onpicked:function(){},dateFmt:'yyyy',maxDate:'%y'})" />
																<input name="typestlonum" type="text" class="form-control month" 
																onfocus="WdatePicker({onpicked:function(){},dateFmt:'yyyy-MM',maxDate:'%y-%M'})"  />
																<i class="icon-calendar blue" id="time_icon"></i> </span>

														</div>
													</div>
													<div class="col-xs-4"> 
														<span class="btn btn-primary btn-sm btn-lg dropdown-toggle" data-rel="popover" data-placement="bottom"
															title='  
																<input  type="radio"   name="type_checkstlonum"  id="atype_node" value="1" checked="checked" onclick="achange();" />
																<span class="lbl" style="font-size: 11px;"> 节点</span>
																<input  type="radio" name="type_checkstlonum" id="atype_dom"   value="2" onclick="achange();" />
																<span class="lbl" style="font-size: 11px;"> 业务域</span>
																<input  type="radio"   name="type_checkstlonum"  id="atype_sys"  value="3" onclick="achange();" />
																<span class="lbl" style="font-size: 11px;"> 适配器</span>'
															data-content='
																<select class="input-medium" id="adom" name="dom" onchange="achangeDomId();"  style="display: none;width: 165px;font-size:small;">
																	<option value="">-请选择业务域-</option>
																	<c:forEach var="dom" items="${domList}">
																		<option value="${dom.id}" >${dom.name}</option>
																	</c:forEach>
																</select>
																<select class="input-medium" id="asys" name="sys"  onchange="achangeSysId();" style="display: none;width: 165px;font-size:small;">
																	<option value="">-请选择适配器-</option>
																	<c:forEach var="adapter" items="${adapterList}">
																		<option value="${adapter.id }" >${adapter.adapterName}</option>
																	</c:forEach>
																</select>
																<div class="space-4"></div>
																<button class="btn btn-danger btn-minier" onclick="closeAdiv();">
																	<i class="icon-remove bigger-120"></i> 
																</button>
																<button type="button" class="btn btn-primary btn-minier "  style="margin-left:97px;" id="submit" onclick="goA()">
																	<i class="icon-ok bigger-110"></i>
																</button> '
														id="NewAdiv">
														统计级别选择
														<span class="icon-caret-down icon-on-right"></span> 
													</span>
													</div>
													<div class="col-xs-2">
														<div class="input-group ">
															<span class="input-group-btn">
																<button type="button" class="btn btn-purple btn-sm" onclick="getStLoNum()">
																	<i class="icon-bar-chart icon-on-right bigger-110"></i>统计
																</button> </span>
																<input type="hidden" id="achangeId" name="achangeId" value="${achangeId}">
														      	<input type="hidden" id="asearchType" name="asearchType" value="${asearchType }">
														</div>
													</div>
												</div>
											</div>
											<div id="line1" align="center" class="tab-content"> 
											</div> 
										</div>
										<div class="col-xs-6" style="margin-top: 10px;">
											<h4 class="header blue lighter smaller">
												<i class="icon-chevron-down"></i>
												发送频次（按数据分类）
											</h4>
											<div class="widget-main">
												<div class="row">
													<div class="col-xs-6">
														<div class="input-group clearfix">
															<span class="input-group-addon ">统计时间 <input
																type="radio" name="time_typestlonumdtypesend" class="ace"
																onchange="changeTime(this);" value="year"> <span
																class="lbl">年</span> <input type="radio"
																name="time_typestlonumdtypesend" class="ace" onchange="changeTime(this);"
																value="month" checked="checked"> <span
																class="lbl">月</span> </span> <span
																class="input-icon input-icon-right width-100"> <input name="typestlonumdtypesend"
																type="text" class="form-control year"  
																style="display: none;"
																onfocus="WdatePicker({onpicked:function(){},dateFmt:'yyyy',maxDate:'%y'})" />
																<input type="text" class="form-control month" name="typestlonumdtypesend"
																onfocus="WdatePicker({onpicked:function(){},dateFmt:'yyyy-MM',maxDate:'%y-%M'})" />
																<i class="icon-calendar blue" id="time_icon"></i> </span>

														</div>
													</div>
													<div class="col-xs-4">
														 
														 	<span
															class="btn btn-primary btn-sm btn-lg dropdown-toggle"
															data-rel="popover" data-placement="bottom"
															title='  
											<input  type="radio"   name="type_checkstlonumdtypesend" id="btype_node" value="1" checked="checked" onclick="bchange();" />
											<span class="lbl" style="font-size: 11px;"> 节点</span>
											<input  type="radio"   name="type_checkstlonumdtypesend" id="btype_dom"  value="2" onclick="bchange();" />
											<span class="lbl" style="font-size: 11px;"> 业务域</span>
											<input  type="radio"   name="type_checkstlonumdtypesend" id="btype_sys"  value="3" onclick="bchange();" />
											<span class="lbl" style="font-size: 11px;">适配器</span>'
															data-content='
										 
											<select class="input-medium" id="bdom" name="dom" onchange="bchangeDomId();"  style="display: none;width: 165px;font-size:small;">
												<option value="">-请选择业务域-</option>
												<c:forEach var="dom" items="${domList}">
													<option value="${dom.id}" >${dom.name}</option>
												</c:forEach>
											</select>
											<select class="input-medium" id="bsys" name="sys"  onchange="bchangeSysId();" style="display: none;width: 165px;font-size:small;">
												<option value="">-请选择适配器-</option>
												<c:forEach var="adapter" items="${adapterList}">
													<option value="${adapter.id }" >${adapter.adapterName}</option>
												</c:forEach>
											</select>
											<div class="space-4"></div>
											<button class="btn btn-danger btn-minier" onclick="closeBdiv();">
												<i class="icon-remove bigger-120"></i> 
											</button>
											<button type="button" class="btn btn-primary btn-minier "  style="margin-left: 97px;" id="submit" onclick="goB()">
												<i class="icon-ok bigger-110"></i>
											</button> '
															id="NewBdiv">统计级别选择<span
															class="icon-caret-down icon-on-right"></span> </span>
															<input type="hidden" id="bchangeId" name="bchangeId" value="${bchangeId}">
														      	<input type="hidden" id="bsearchType" name="bsearchType" value="${bsearchType }">
														 
													</div>
													<div class="col-xs-2">
														<div class="input-group ">
															<span class="input-group-btn">
																<button type="button" class="btn btn-purple btn-sm" onclick="getStLoNumDtypeSend()">
																	<i class="icon-bar-chart icon-on-right bigger-110"></i>统计
																</button> </span>  
														</div>
													</div>
												</div>
											</div>
											<div id="stlonumdtypesendPie" align="center" class="tab-content">  </div> 
										</div>
									</div>
									<div class="col-sm-12">
										<div class="col-xs-6" style="margin-top: 10px;">
											<h4 class="header blue lighter smaller">
												<i class="icon-chevron-down"></i>
												接收频次（按数据分类）
											</h4>
											<div class="widget-main">
												<div class="row">
													<div class="col-xs-6">
														<div class="input-group clearfix">
															<span class="input-group-addon ">统计时间 <input
																type="radio" name="time_typestlonumdtyperev" class="ace"
																onchange="changeTime(this);" value="year"> <span
																class="lbl">年</span> <input type="radio"
																name="time_typestlonumdtyperev" class="ace" onchange="changeTime(this);"
																value="month" checked="checked"> <span
																class="lbl">月</span> </span> <span
																class="input-icon input-icon-right width-100"> <input name="typestlonumdtyperev"
																type="text" class="form-control year"  
																style="display: none;"
																onfocus="WdatePicker({onpicked:function(){ },dateFmt:'yyyy',maxDate:'%y'})" />
																<input type="text" class="form-control month"  name="typestlonumdtyperev"
																onfocus="WdatePicker({onpicked:function(){ },dateFmt:'yyyy-MM',maxDate:'%y-%M'})"   />
																<i class="icon-calendar blue" id="time_icon"></i> </span>

														</div>
													</div>
													<div class="col-xs-4">
														<span
															class="btn btn-primary btn-sm btn-lg dropdown-toggle"
															data-rel="popover" data-placement="bottom"
															title='  
											<input  type="radio"   name="type_checkstlonumdtyperev" id="ctype_node" value="1" checked="checked" onclick="cchange();" />
											<span class="lbl" style="font-size: 11px;"> 节点</span>
											<input  type="radio"   name="type_checkstlonumdtyperev"  id="ctype_dom" value="2" onclick="cchange();" />
											<span class="lbl" style="font-size: 11px;"> 业务域</span>
											<input  type="radio"   name="type_checkstlonumdtyperev"  id="ctype_sys" value="3" onclick="cchange();" />
											<span class="lbl" style="font-size: 11px;"> 适配器</span>'
															data-content='
										 
											<select class="input-medium" id="cdom" name="dom"  onchange="cchangeDomId();"  style="display: none;width: 165px;font-size:small;">
												<option value="">-请选择业务域-</option>
												<c:forEach var="dom" items="${domList}">
													<option value="${dom.id}" >${dom.name}</option>
												</c:forEach>
											</select>
											<select class="input-medium" id="csys" name="sys"  onchange="cchangeSysId();"  style="display: none;width: 165px;font-size:small;">
												<option value="">-请选择适配器-</option>
												<c:forEach var="adapter" items="${adapterList}">
													<option value="${adapter.id }" >${adapter.adapterName}</option>
												</c:forEach>
											</select>
											<div class="space-4"></div>
											<button class="btn btn-danger btn-minier" onclick="closeCdiv();">
												<i class="icon-remove bigger-120"></i> 
											</button>
											<button type="button" class="btn btn-primary btn-minier "  style="margin-left: 97px;" id="submit" onclick="goC()">
												<i class="icon-ok bigger-110"></i>
											</button> '
															id="NewCdiv">统计级别选择<span
															class="icon-caret-down icon-on-right"></span> </span> 
															<input type="hidden" id="cchangeId" name="cchangeId" value="${cchangeId}">
														      	<input type="hidden" id="csearchType" name="csearchType" value="${csearchType }">
														 
													</div>
													<div class="col-xs-2">
														<div class="input-group ">
															<span class="input-group-btn">
																<button type="button" class="btn btn-purple btn-sm" onclick="getStLoNumDtypeRev()">
																	<i class="icon-bar-chart icon-on-right bigger-110"></i>统计
																</button> </span> 
														</div>
													</div>
												</div>
											</div>
											<div id="stlonumdtyperevPie" align="center" class="tab-content">  </div>
										</div> 
										<div class="col-xs-6" style="margin-top: 10px;">
											<h4 class="header blue lighter smaller">
												<i class="icon-chevron-down"></i>
												本节点发送频次（按业务适配器）
											</h4>
											<div class="widget-main">
												<div class="row">
													<div class="col-xs-6">
														<div class="input-group clearfix">
															<span class="input-group-addon ">统计时间 <input
																type="radio" name="time_typestlonumssyssend" class="ace"
																onchange="changeTime(this);" value="year"> <span
																class="lbl">年</span> <input type="radio"
																name="time_typestlonumssyssend" class="ace" onchange="changeTime(this);"
																value="month" checked="checked"> <span
																class="lbl">月</span> </span> <span
																class="input-icon input-icon-right width-100"> <input
																type="text" class="form-control year"   name="typestlonumssyssend"
																style="display: none;"
																onfocus="WdatePicker({onpicked:function(){},dateFmt:'yyyy',maxDate:'%y'})" />
																<input type="text" class="form-control month"  name="typestlonumssyssend"
																onfocus="WdatePicker({onpicked:function(){},dateFmt:'yyyy-MM',maxDate:'%y-%M'})" />
																<i class="icon-calendar blue" id="time_icon"></i> </span>

														</div>
													</div> 
													<div class="col-xs-6">
														<div class="input-group ">
															<span class="input-group-btn">
																<button type="button" class="btn btn-purple btn-sm" onclick="getStLoNumSysSend()">
																	<i class="icon-bar-chart icon-on-right bigger-110"></i>统计
																</button> </span> 
														</div>
													</div>
												</div>
											</div>
											<div id="stlonumssyssendPie" align="center" class="tab-content"> 
											</div>
										</div>
									</div>
									
									<div class="col-sm-12">
										<div class="col-xs-6" style="margin-top: 10px;">
											<h4 class="header blue lighter smaller">
												<i class="icon-chevron-down"></i>
												本节点接收频次（按业务适配器）
											</h4>
											<div class="widget-main">
												<div class="row">
													<div class="col-xs-6">
														<div class="input-group clearfix">
															<span class="input-group-addon ">统计时间 <input
																type="radio" name="time_typestlonumssysrev" class="ace"
																onchange="changeTime(this);" value="year"> <span
																class="lbl">年</span> <input type="radio"
																name="time_typestlonumssysrev" class="ace" onchange="changeTime(this);"
																value="month" checked="checked"> <span
																class="lbl">月</span> </span> <span
																class="input-icon input-icon-right width-100"> <input  name="typestlonumssysrev"
																type="text" class="form-control year"  
																style="display: none;"
																onfocus="WdatePicker({onpicked:function(){},dateFmt:'yyyy',maxDate:'%y'})" />
																<input type="text" class="form-control month"   name="typestlonumssysrev"
																onfocus="WdatePicker({onpicked:function(){},dateFmt:'yyyy-MM',maxDate:'%y-%M'})"  />
																<i class="icon-calendar blue" id="time_icon"></i> </span>

														</div>
													</div> 
													<div class="col-xs-6">
														<div class="input-group ">
															<span class="input-group-btn">
																<button type="button" class="btn btn-purple btn-sm" onclick="getStLoNumSysRev()">
																	<i class="icon-bar-chart icon-on-right bigger-110"></i>统计
																</button> </span> 
														</div>
													</div>
												</div>
											</div>
											<div id="stlonumssysrevPie" align="center" class="tab-content"> 
											</div>
										</div>
										<div class="col-xs-6" style="margin-top: 10px;">
											<h4 class="header blue lighter smaller">
												<i class="icon-chevron-down"></i>
												内外网交换频次
											</h4>
											<div class="widget-main">
												<div class="row">
													<div class="col-xs-6">
														<div class="input-group clearfix">
															<span class="input-group-addon ">统计时间 <input
																type="radio" name="time_typestlonumnet" class="ace"
																onchange="changeTime(this);" value="year"> <span
																class="lbl">年</span> <input type="radio"
																name="time_typestlonumnet" class="ace" onchange="changeTime(this);"
																value="month" checked="checked"> <span
																class="lbl">月</span> </span> <span
																class="input-icon input-icon-right width-100"> <input name="typestlonumnet"
																type="text" class="form-control year"  
																style="display: none;"
																onfocus="WdatePicker({onpicked:function(){},dateFmt:'yyyy',maxDate:'%y'})" />
																<input type="text" class="form-control month"  name="typestlonumnet"
																onfocus="WdatePicker({onpicked:function(){},dateFmt:'yyyy-MM',maxDate:'%y-%M'})"  />
																<i class="icon-calendar blue" id="time_icon"></i> </span>

														</div>
													</div>
													<div class="col-xs-4">
														 
														 <span
															class="btn btn-primary btn-sm btn-lg dropdown-toggle"
															data-rel="popover" data-placement="bottom"
															title='  
											<input  type="radio"   name="type_checkstlonumnet" id="dtype_node" value="1" checked="checked" onclick="dchange();" />
											<span class="lbl" style="font-size: 11px;"> 节点</span>
											<input  type="radio"   name="type_checkstlonumnet" id="dtype_dom"  value="2" onclick="dchange();" />
											<span class="lbl" style="font-size: 11px;"> 业务域</span>
											<input  type="radio"   name="type_checkstlonumnet" id="dtype_sys"  value="3" onclick="dchange();" />
											<span class="lbl" style="font-size: 11px;"> 适配器</span>'
															data-content='
										 
											<select class="input-medium" id="ddom" name="dom"  onchange="dchangeDomId();"  style="display: none;width: 165px;font-size:small;">
												<option value="">-请选择业务域-</option>
												<c:forEach var="dom" items="${domList}">
													<option value="${dom.id}" >${dom.name}</option>
												</c:forEach>
											</select>
											<select class="input-medium" id="dsys" name="sys"  onchange="dchangeSysId();"  style="display: none;width: 165px;font-size:small;">
												<option value="">-请选择适配器-</option>
												<c:forEach var="adapter" items="${adapterList}">
													<option value="${adapter.id }" >${adapter.adapterName}</option>
												</c:forEach>
											</select>
											<div class="space-4"></div>
											<button class="btn btn-danger btn-minier" onclick="closeDdiv();">
												<i class="icon-remove bigger-120"></i> 
											</button>
											<button type="button" class="btn btn-primary btn-minier "  style="margin-left: 97px;" id="submit" onclick="goD()">
												<i class="icon-ok bigger-110"></i>
											</button> '
															id="NewDdiv">统计级别选择<span
															class="icon-caret-down icon-on-right"></span> </span> 
															<input type="hidden" id="dchangeId" name="dchangeId" value="${dchangeId}">
														    <input type="hidden" id="dsearchType" name="dsearchType" value="${dsearchType }">
														 
													</div>
													<div class="col-xs-2">
														<div class="input-group ">
															<span class="input-group-btn">
																<button type="button" class="btn btn-purple btn-sm" onclick="getStLoNumNet()">
																	<i class="icon-bar-chart icon-on-right bigger-110"></i>统计
																</button> </span> 
														</div>
													</div>
												</div>
											</div>
											<div id="StLoNumNetLine" align="center" class="tab-content"> </div> 
										</div>
									</div>
									 
									<div class="col-sm-12">
										<div class="col-xs-6" style="margin-top: 10px;">
											<h4 class="header blue lighter smaller">
												<i class="icon-chevron-down"></i>
												与本节点交换频次最高的10个节点
											</h4>
											<div class="widget-main">
												<div class="row">
													<div class="col-xs-6">
														<div class="input-group clearfix">
															<span class="input-group-addon ">统计时间 <input
																type="radio" name="time_typestlorelnoderate" class="ace"
																onchange="changeTime(this);" value="year"> <span
																class="lbl">年</span> <input type="radio"
																name="time_typestlorelnoderate" class="ace" onchange="changeTime(this);"
																value="month" checked="checked"> <span
																class="lbl">月</span> </span> <span
																class="input-icon input-icon-right width-100"> <input  name="typestlorelnoderate"  
																type="text" class="form-control year"  
																style="display: none;"
																onfocus="WdatePicker({onpicked:function(){},dateFmt:'yyyy',maxDate:'%y'})" />
																<input type="text" class="form-control month"  name="typestlorelnoderate"  
																onfocus="WdatePicker({onpicked:function(){},dateFmt:'yyyy-MM',maxDate:'%y-%M'})"   />
																<i class="icon-calendar blue" id="time_icon"></i> </span>

														</div>
													</div> 
													<div class="col-xs-6">
														<div class="input-group ">
															<span class="input-group-btn">
																<button type="button" class="btn btn-purple btn-sm" onclick="getStLoRelNodeRate()">
																	<i class="icon-bar-chart icon-on-right bigger-110"></i>统计
																</button> </span> 
														</div>
													</div>
												</div>
											</div>
											 <div id="StLoRelNodeRateLine" align="center" class="tab-content"> </div>
										</div>
										<div class="col-xs-6" style="margin-top: 10px;">
											<h4 class="header blue lighter smaller">
												<i class="icon-chevron-down"></i>
												与本节点交换频次最高的10个适配器
											</h4>
											<div class="widget-main">
												<div class="row">
													<div class="col-xs-6">
														<div class="input-group clearfix">
															<span class="input-group-addon ">统计时间 <input
																type="radio" name="time_typestlorelsysrate" class="ace"
																onchange="changeTime(this);" value="year"> <span
																class="lbl">年</span> <input type="radio"
																name="time_typestlorelsysrate" class="ace" onchange="changeTime(this);"
																value="month" checked="checked"> <span
																class="lbl">月</span> </span> <span
																class="input-icon input-icon-right width-100"> <input
																type="text" class="form-control year"  name="typestlorelsysrate"  
																style="display: none;"
																onfocus="WdatePicker({onpicked:function(){},dateFmt:'yyyy',maxDate:'%y'})" />
																<input type="text" class="form-control month" name="typestlorelsysrate"  
																onfocus="WdatePicker({onpicked:function(){},dateFmt:'yyyy-MM',maxDate:'%y-%M'})"   />
																<i class="icon-calendar blue" id="time_icon"></i> </span>

														</div>
													</div> 
													<div class="col-xs-6">
														<div class="input-group ">
															<span class="input-group-btn">
																<button type="button" class="btn btn-purple btn-sm" onclick="getStLoRelAdapterRate()">
																	<i class="icon-bar-chart icon-on-right bigger-110"></i>统计
																</button> </span>  
														</div>
													</div>
												</div>
											</div>
											<div id="StLoRelSysRateLine" align="center" class="tab-content"> </div>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
</body>
</html>
